/*CSS para el staff*/
{
.author-box .contact-social {
    float: left;
    width: 40px;
}
.facebook-ico, .twitter-ico, .email-ico, .gplus-ico, .ytube-ico {
    display: block;
    height: 32px;
    width: 32px;
}
.twitter-ico {
    background: url("http://i.imgur.com/V7jc80O.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.facebook-ico {
    background: url("http://i.imgur.com/z68uDDX.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.gplus-ico {
    background: url("http://i.imgur.com/YlxWJ47.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.ytube-ico {
    background: url("http://i.imgur.com/u70jIib.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.email-ico {
    background: url("http://i.imgur.com/e6IgNPM.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.contact-social > li {
    margin: 0 5px 5px;
}


div.staff {
    float: left;
    margin: 6px 0 6px 24px;
    padding: 5px;
    width: 302px;
}
.card-staff {
    border-color: #EEE #DDD #CCC;
    border-radius: 2px 2px 0 0;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 3px 2px -4px rgba(0, 0, 0, 0.3), 0 0 2px rgba(0, 0, 0, 0.05), 0 -5px 2px -4px rgba(0, 0, 0, 0.3);
    float: left;
    position: relative;
    width: 300px;
    z-index: 10;
}
.card-port {
    border-radius: 2px 2px 0 0;
    box-shadow: 0 -3px 3px -4px rgba(0, 0, 0, 0.65) inset;
    height: 40px;
    margin: -1px;
    background:none no-repeat scroll 0 0 #333333;
}
.card-port.berser {background-image: url("http://i.imgur.com/rfJn3EZ.png");}

.card-port.angel {background-image: url("http://i.imgur.com/XfOMZHy.jpg");}


.cont-staff {
	background: #555;
    border: 6px solid #FFF;
    border-radius: 3px;
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.8);
    display: block;
    height: 70px;
    left: 15px;
    margin: 0 auto;
    position: absolute;
    top: 15px;
    width: 70px;
}
.cont-staff > img {
    width: 70px;
}
.cont-staff .mask {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.8) inset;
}

.card-staff .name-staff {
    background: none repeat scroll 0 0 #333;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    margin: 0 -1px;
    padding: 6px 5px 6px 110px;
    text-align: left;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.name-staff > span {
    color: #999;
    font-size: 9px;
    font-weight: normal;
	text-shadow: 0 0 0;
    text-transform: uppercase;
}

ul.info-staff-card {
    background: none repeat scroll 0 0 #F5F5F5;
    border-bottom: 1px solid #DDD;
    border-left: 1px solid #DDD;
    display: block;
    float: left;
    line-height: 1;
    margin: 0 0 0 8px;
    text-align: left;
}

ul.info-staff-card > li {
    border-right: 1px solid #DDD;
    color: #666;
    float: left;
    font-size: 11px;
    font-weight: normal;
    padding: 6px;
    text-decoration: none !important;
}
ul.staff-social {
    float: right;
    padding: 8px;
}

ul.staff-social li {
    float: left;
    margin-left: 6px;
}

.staff.imp-admin .rango-staff-card {background-color: #543593;}
.staff.admin .rango-staff-card {background-color: #A32B2B;}
.staff.legend .rango-staff-card {background-color: #262F40;}
.staff.ejem .rango-staff-card {background-color: #026CC6;}
.staff.uploa .rango-staff-card {background-color: #247311;}
.staff.autor .rango-staff-card {background-color: #777777;}

.rango-staff-card {
    color: #FFFFFF;
    float: right;
    font-size: 11px;
    line-height: 1;
    margin: 0 8px 0 0;
    padding: 6px 8px;
}
